<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
    <!-- 微软的老式浏览器 -->
    <meta name="MobileOptimized" content="320">
    <!-- 启用360浏览器的极速模式(webkit) – -->
    <meta name="renderer" content="webkit">
    <!-- 避免IE使用兼容模式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
    <meta name="HandheldFriendly" content="true">
    <!-- uc强制竖屏 -->
    <meta name="screen-orientation" content="portrait">
    <!-- QQ强制竖屏 -->
    <meta name="x5-orientation" content="portrait">
    <!-- UC强制全屏 -->
    <meta name="full-screen" content="yes">
    <!-- QQ强制全屏 -->
    <meta name="x5-fullscreen" content="true">
    <!-- UC应用模式 若开启长按无法复制链接-->
    <!--meta name="browsermode" content="application"-->
    <!-- QQ应用模式 -->
    <meta name="x5-page-mode" content="app">
    <!--网站开启对web app程序的支持-->
    <meta name="apple-touch-fullscreen" content="yes">
    <!--在web app应用下状态条（屏幕顶部条）的颜色-->
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <!-- windows phone 点击无高光 -->
    <meta name="msapplication-tap-highlight" content="no">
    <!--移动web页面是否自动探测电话号码-->
    <!--<meta http-equiv="x-rim-auto-match" content="none">-->
    <!--手机号码显示为拨号链接-->
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="Cache-Control" content="max-age=300" />
    <meta http-equiv="Expires" content="300" />
    <title>8号金融街</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/platform-details.css">
    <link rel="stylesheet" href="../assets/swiper/css/swiper.min.css">
    <link rel="stylesheet" href="../assets/layer_mobile/need/layer.css">
    <script src="../js/common.js"></script>
    <script src="../js/jquery.min.js"></script>
    <script src="../assets/swiper/js/swiper.jquery.min.js"></script>
    <script src="../assets/layer_mobile/layer.js"></script>
    <script src="../assets/better-scroll/bscroll.min.js"></script>
</head>
<body>
    <div class="banner">
        <div class="content-wrapper">
            <a href="#">
                <div class="content-top">
                    <div class="logo-wrapper">
                        <img src="../images/m-index-plat-logo1.png" alt="">
                    </div>
                    <div class="tag-wrapper">
                        <span class="tag">国资系</span>
                        <span class="tag">已存管</span>
                    </div>
                </div>
                <div class="content-middle">
                    <h3>首投最高返现100元</h3>
                    <p>点击了解平台测评></p>
                </div>
                <div class="content-bottom">
                    <div class="info-wrapper">
                        <div class="profit-wrapper">
                            <p class="data">8.0%~11.2%</p>
                            <p class="item-desc">平台利息</p>
                        </div>
                        <div class="money-wrapper">
                            <p class="data">1000.00元</p>
                            <p class="item-desc">起投金额</p>
                        </div>
                    </div>
                </div>
                <!--如果是一键投，显示下面的sign1-->
                <div class="plat-sign1" style="display: none;"></div>
                <!--如果是跳转投，显示下面的sign2-->
                <div class="plat-sign2"></div>
            </a>
        </div>
    </div>
    <!--我的合作平台-->
    <div class="my-platform">
        <div class="my-platform-header">
            <h4>我的合作平台</h4>
        </div>
        <div class="my-platform-content">
            <ul class="my-platform-wrapper">
                <li class="my-platform-item">
                    <a href="#">
                        <div class="item-left">
                            <div class="plat-tag-wrapper">
                                <div class="plat-tag">返投资金额*2.2%</div>
                            </div>
                            <div class="tag-msg">
                                <p>复投用户加息2.0%</p>
                            </div>
                        </div>
                        <div class="item-center">
                            <ul class="item-info-wrapper">
                                <li>
                                    <div class="left">投资期限</div>
                                    <div class="right">1个月以上</div>
                                </li>
                                <li>
                                    <div class="left">起投金额</div>
                                    <div class="right">1000元</div>
                                </li>
                                <li>
                                    <div class="left">平台利息</div>
                                    <div class="right dc3838">8.0% - 11.2%</div>
                                </li>
                            </ul>
                        </div>
                        <div class="item-right">
                            <div class="btn-wrapper">
                                <div class="plat-btn">方案一</div>
                            </div>
                        </div>
                    </a>
                </li>
                <li class="my-platform-item">
                    <a href="#">
                        <div class="item-left">
                            <div class="plat-tag-wrapper">
                                <div class="plat-tag">返投资金额*2.2%</div>
                            </div>
                            <div class="tag-msg">
                                <p>复投用户加息2.0%</p>
                            </div>
                        </div>
                        <div class="item-center">
                            <ul class="item-info-wrapper">
                                <li>
                                    <div class="left">投资期限</div>
                                    <div class="right">1个月以上</div>
                                </li>
                                <li>
                                    <div class="left">起投金额</div>
                                    <div class="right">1000元</div>
                                </li>
                                <li>
                                    <div class="left">平台利息</div>
                                    <div class="right dc3838">8.0% - 11.2%</div>
                                </li>
                            </ul>
                        </div>
                        <div class="item-right">
                            <div class="btn-wrapper">
                                <div class="plat-btn">方案一</div>
                            </div>
                        </div>
                    </a>
                </li>
                <li class="my-platform-item">
                    <a href="#">
                        <div class="item-left">
                            <div class="plat-tag-wrapper">
                                <div class="plat-tag">返投资金额*2.2%</div>
                            </div>
                            <div class="tag-msg">
                                <p>复投用户加息2.0%</p>
                            </div>
                        </div>
                        <div class="item-center">
                            <ul class="item-info-wrapper">
                                <li>
                                    <div class="left">投资期限</div>
                                    <div class="right">1个月以上</div>
                                </li>
                                <li>
                                    <div class="left">起投金额</div>
                                    <div class="right">1000元</div>
                                </li>
                                <li>
                                    <div class="left">平台利息</div>
                                    <div class="right dc3838">8.0% - 11.2%</div>
                                </li>
                            </ul>
                        </div>
                        <div class="item-right">
                            <div class="btn-wrapper">
                                <div class="plat-btn">方案一</div>
                            </div>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!--平台温馨提示-->
    <div class="plat-tip-wrapper">
        <p class="tip">首次投资，并且是新手标才会有返利可以拿哦~</p>
    </div>
    <!--平台背景，股东信息，资产类型-->
    <div class="platform-detail">
        <ul class="platform-detail-header">
            <li class="active">平台背景</li>
            <li>股东信息</li>
            <li>资产类型</li>
        </ul>
        <div class="platform-detail-body">
            <!--平台背景-->
            <div class="platform-background">
                <div class="background-item clearfix">
                    <div class="left">平台背景</div>
                    <div class="right">国资系</div>
                </div>
                <div class="background-item clearfix">
                    <div class="left">注册资金</div>
                    <div class="right">1875万</div>
                </div>
                <div class="background-item clearfix">
                    <div class="left">银行存管</div>
                    <div class="right">江西银行</div>
                </div>
                <div class="background-item clearfix">
                    <div class="left">资产类型</div>
                    <div class="right">车贷</div>
                </div>
                <div class="background-item clearfix">
                    <div class="left">综合年化</div>
                    <div class="right">8.0%~17.2%</div>
                </div>
                <div class="background-item clearfix">
                    <div class="left">运营年化</div>
                    <div class="right">1167天</div>
                </div>
            </div>
            <!--股东信息-->
            <div class="platform-partner" style="display: none">
                <div class="partner-item">
                    <div class="img-wrapper">
                        <img src="../images/platform-details-map.png" alt="">
                    </div>
                </div>
                <div class="partner-item">
                    <div class="leader-wrapper">
                        <div class="left">
                            <img src="../images/platform-detail-leader-avatar.png" alt="" width=70 height=91>
                        </div>
                        <div class="right">
                            <h5>薛峰 董事长</h5>
                            <p>历任中国人民银行大连市分行办公室副主任、大连
                                开发区分行副行长，国家外汇管理局大连开发区分
                                局副局长，金融时报大连记者站站长，中国人民银
                                行大连市中心支行党群部副部长、团委书记；大连
                                银监局办公室主任，大连银监局副局长、党委委
                                员；中国光大（集团）总公司办公厅副主任、党委
                                办公室副主任；湖北省荆门市市委常委、荆门市副
                                市长 薛峰当选2015年度“沪上金融家”；当选201
                                5上海领军人才</p>
                        </div>
                    </div>
                </div>
                <div class="partner-item">
                    <div class="leader-wrapper">
                        <div class="left">
                            <img src="../images/platform-detail-leader-avatar.png" alt="" width=70 height=91>
                        </div>
                        <div class="right">
                            <h5>薛峰 董事长</h5>
                            <p>历任中国人民银行大连市分行办公室副主任、大连
                                开发区分行副行长，国家外汇管理局大连开发区分
                                局副局长，金融时报大连记者站站长，中国人民银
                                行大连市中心支行党群部副部长、团委书记；大连
                                银监局办公室主任，大连银监局副局长、党委委
                                员；中国光大（集团）总公司办公厅副主任、党委
                                办公室副主任；湖北省荆门市市委常委、荆门市副
                                市长 薛峰当选2015年度“沪上金融家”；当选201
                                5上海领军人才</p>
                        </div>
                    </div>
                </div>
            </div>
            <!--资产类型-->
            <div class="platform-type" style="display: none">
                <div class="type-item">
                    <h5>活期产品</h5>
                    <p>主要投资于各类金融产品，优质债权及收益权资产，受托资
                        金由招商银行全程监督，投资行为严格遵守监管要求，在严
                        控产品的风险的前提下为投资者谋求投资收益最大化。</p>
                </div>
                <div class="type-item">
                    <h5>活期产品</h5>
                    <p>主要投资于各类金融产品，优质债权及收益权资产，受托资
                        金由招商银行全程监督，投资行为严格遵守监管要求，在严
                        控产品的风险的前提下为投资者谋求投资收益最大化。</p>
                </div>
            </div>
        </div>
        <div class="platform-detail-bottom">
            <div class="bottom-item clearfix">
                <div class="title"><a href="#">平台评测<span class="icon-arrow"></span></a></div>
                <div class="img-wrapper clearfix" id="imgListWrapper">
                    <ul class="plat-ceping-img-wrapper">
                        <li class="img-item">

                            <a href="#"><img src="../images/icon-number1@3x.png" alt=""></a>
                        </li>
                        <li class="img-item">

                            <a href="#"><img src="../images/icon-number1@3x.png" alt=""></a>
                        </li>
                        <li class="img-item">

                            <a href="#"><img src="../images/icon-number1@3x.png" alt=""></a>
                        </li>
                        <li class="img-item">

                            <a href="#"><img src="../images/icon-number1@3x.png" alt=""></a>
                        </li>
                        <li class="img-item">

                            <a href="#"><img src="../images/icon-number1@3x.png" alt=""></a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="bottom-item clearfix">
                <div class="left">投资帮助</div>
                <div class="right">
                    <div class="arrow-wrapper">
                        <span class="arrow-right"></span>
                    </div>
                </div>
            </div>
            <div class="bottom-item clearfix">
                <div class="left">在线QQ客服</div>
                <div class="right">1000828</div>
            </div>
            <div class="bottom-item clearfix">
                <div class="title">免责声明</div>
                <div class="text-wrapper">
                    <p>本网站所提供的信息，若在任何司法管辖地区供任何人士使用或分发给任何人士时会违反该司法管辖地区的法律或条例的规定或会导致本网站或其第三方代理人受限于该司法管辖地区内的任何监管规定时，则该等信息不宜在该司法管辖地区供该等任何人士使用或分发给该等任何人士。用户须自行保证不会受限于任何限制或禁止用户使用或分发本网站所提供信息的当地的规定。</p>
                </div>
            </div>
        </div>
    </div>
    <!--返利流程-->
    <div class="return">
        <div class="return-header">
            <h3>返利流程</h3>
        </div>
        <div class="return-content">
            <img src="../images/platform-details-return-content.png" alt="">
            <ul class="return-step-wrapper clearfix" style="display: none;">
                <li class="return-step">
                    <div class="icon-wrapper">
                        <span class="icon-number">1</span>
                    </div>
                    <div class="text-wrapper">
                        <p class="text">注册返利账户用户</p>
                    </div>
                </li>
                <li class="return-step">
                    <div class="icon-wrapper">
                        <span class="icon-number">1</span>
                    </div>
                    <div class="text-wrapper">
                        <p class="text">选择平台跳转投资</p>
                    </div>
                </li>
                <li class="return-step">
                    <div class="icon-wrapper">
                        <span class="icon-number">1</span>
                    </div>
                    <div class="text-wrapper">
                        <p class="text">即日返利至返利账户</p>
                    </div>
                </li>
                <li class="return-step">
                    <div class="icon-wrapper">
                        <span class="icon-number">1</span>
                    </div>
                    <div class="text-wrapper">
                        <p class="text">发起提现，1个工作日提现至绑定银行卡</p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!--按钮-->
    <div class="bottom-btn-wrapper">
        <a href="#">直接投资拿返利</a>
    </div>

    <!--<script src="../js/platform-details.js"></script>-->
</body>
<script>
    var imgWidth = $(".img-item").width();
    var imgMargin = parseFloat($(".img-item").css("margin-right"));
    console.log(imgWidth);
    console.log(imgMargin);
    var imgCount = $(".plat-ceping-img-wrapper").children().length;
    console.log(imgCount);
    var imgWrapperWidth = (imgWidth + imgMargin) * imgCount + imgMargin
    $(".plat-ceping-img-wrapper").css("width", imgWrapperWidth);

    setTimeout(function () {
        var wrapper1 = document.querySelector("#imgListWrapper")
        var scroll1 = new BScroll(wrapper1, {
            scrollX: true,
            scrollY: false,
            probeType: 1,
            click: true,
            eventPassthrough: 'vertical'
        })
    }, 200)
</script>
</html>